<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>W3Cschool教程(w3cschool.cn)</title>
    <style>
        .center {
            margin-left: auto;
            width: 70%;
            background-color: #b0e0e6;
        }

        .right {
            position: absolute;
            right: 0px;
            width: 300px;
            background-color: #b0e0e6;
        }
    </style>
</head>

<body>
    <div class="center">
        <p>In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind
            ever since.</p>
        <p>'Whenever you feel like criticizing anyone,' he told me, 'just remember that all the people in this world
            haven't had the advantages that you've had.'</p>
    </div>
    <p><b>注意: </b>使用 margin:auto无法兼容 IE8, 除非!DOCTYPE已经声明.</p>

    <div class="right">
        <p>In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind
            ever since.</p>
        <p>'Whenever you feel like criticizing anyone,' he told me, 'just remember that all the people in this world
            haven't had the advantages that you've had.'</p>
    </div>
</body>

</html>